<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<jsp:include page="/frame/header/header.jsp"></jsp:include>
<%-- 内容开始 --%>
<div class="container-fluid">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">
				固定工资维护
			</h3>
		</div>
		<div class="panel-body">
			<div class="row">
				<div class="col-sm-6 col-md-3">
					<div class="form-group input-group">
						<span class="input-group-addon">部门名称</span>
						<select class="form-control" name="status">
							<option value="0">
								全部
							</option>
							<option value="1">
								部门一
							</option>
							<option value="2">
								部门二
							</option>
							<option value="3">
								部门三
							</option>
							<option value="4">
								部门四
							</option>
						</select>
					</div>
				</div>
				<div class="col-sm-6 col-md-3">
					<div class="form-group input-group">
						<span class="input-group-addon">员工编号</span>
						<select class="form-control" name="status">
							<option value="0">
								全部
							</option>
							<option value="1">
								员工一
							</option>
							<option value="2">
								员工二
							</option>
							<option value="3">
								员工三
							</option>
							<option value="4">
								员工四
							</option>
						</select>
					</div>
				</div>
				<div class="col-sm-6 col-md-6">
					<div
						class="slider slider-danger ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"
						data-postfix=" $" data-min="0" data-max="2000" data-min-val="400"
						data-max-val="1400" data-fill="#sample-field-2">
						<div class="ui-slider-range ui-widget-header ui-corner-all"
							style="left: 10.85%; width: 61.8%;"></div>
						<span class="ui-slider-handle ui-state-default ui-corner-all"
							tabindex="0" style="left: 10.85%;"><span class="ui-label">217
								$</span> </span><span class="ui-slider-handle ui-state-default ui-corner-all"
							tabindex="0" style="left: 72.65%;"><span class="ui-label">1453
								$</span> </span>
					</div>

					<input type="text" class="form-control" id="sample-field-2"
						value="" placeholder="Slide the range to fill this field">


				</div>
				<div class="col-sm-6 col-md-2">
					<div class="form-group">
						<button class="btn btn-default btn-block" type="reset">
							重 置
						</button>
					</div>
				</div>
				<div class="col-sm-6 col-md-2">
					<div class="form-group">
						<button type="submit" class="btn btn-primary btn-block">
							查 询
						</button>
					</div>
				</div>
				<div class="col-sm-6 col-md-2">
					<a href="javascript:;"
						onclick="jQuery('#modal-1').modal('show', {backdrop: 'fade'});"
						class="btn btn-primary btn-block">维护</a>
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-6">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">
					部门一
				</h3>

				<div class="panel-options">
					<a href="javascript:;"
						onclick="jQuery('#modal-1').modal('show', {backdrop: 'fade'});">
						<i class="linecons-cog"></i> </a>

					<a href="#" data-toggle="panel"> <span class="collapse-icon">–</span>
						<span class="expand-icon">+</span> </a>

					<a href="#" data-toggle="reload"> <i class="fa-rotate-right"></i>
					</a>

					<a href="#" data-toggle="remove"> × </a>
				</div>
			</div>

			<table class="table table-striped table-bordered table-hover">
				<thead>
					<tr>
						<th>
							#
						</th>
						<th>
							员工编号
						</th>
						<th>
							员工姓名
						</th>
						<th>
							基本工资
						</th>
						<th>
							采暖补贴
						</th>
					</tr>
				</thead>

				<tbody>
					<tr>
						<td>
							1
						</td>
						<td>
							1
						</td>
						<td>
							<a href="javascript:;"
								onclick="jQuery('#modal-2').modal('show', {backdrop: 'fade'});">Nushi</a>
						</td>
						<td>
							Nushi
						</td>
						<td>
							12
						</td>

					</tr>

					<tr>
						<td>
							2
						</td>
						<td>
							2
						</td>
						<td>
							<a href="javascript:;"
								onclick="jQuery('#modal-2').modal('show', {backdrop: 'fade'});">Art</a>
						</td>
						<td>
							Ramadani
						</td>
						<td>
							21
						</td>

					</tr>

					<tr>
						<td>
							3
						</td>
						<td>
							2
						</td>
						<td>
							<a href="javascript:;"
								onclick="jQuery('#modal-2').modal('show', {backdrop: 'fade'});">Filan</a>
						</td>
						<td>
							Fisteku
						</td>
						<td>
							2
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<div class="col-md-6">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">
					部门一
				</h3>

				<div class="panel-options">
					<a href="javascript:;"
						onclick="jQuery('#modal-1').modal('show', {backdrop: 'fade'});">
						<i class="linecons-cog"></i> </a>

					<a href="#" data-toggle="panel"> <span class="collapse-icon">–</span>
						<span class="expand-icon">+</span> </a>

					<a href="#" data-toggle="reload"> <i class="fa-rotate-right"></i>
					</a>

					<a href="#" data-toggle="remove"> × </a>
				</div>
			</div>

			<table class="table table-striped table-bordered table-hover">
				<thead>
					<tr>
						<th>
							#
						</th>
						<th>
							员工编号
						</th>
						<th>
							员工姓名
						</th>
						<th>
							基本工资
						</th>
						<th>
							采暖补贴
						</th>
					</tr>
				</thead>

				<tbody>
					<tr>
						<td>
							1
						</td>
						<td>
							1
						</td>
						<td>
							<a href="javascript:;"
								onclick="jQuery('#modal-2').modal('show', {backdrop: 'fade'});">Nushi</a>
						</td>
						<td>
							Nushi
						</td>
						<td>
							12
						</td>

					</tr>

					<tr>
						<td>
							2
						</td>
						<td>
							2
						</td>
						<td>
							<a href="javascript:;"
								onclick="jQuery('#modal-2').modal('show', {backdrop: 'fade'});">Art</a>
						</td>
						<td>
							Ramadani
						</td>
						<td>
							21
						</td>

					</tr>

					<tr>
						<td>
							3
						</td>
						<td>
							2
						</td>
						<td>
							<a href="javascript:;"
								onclick="jQuery('#modal-2').modal('show', {backdrop: 'fade'});">Filan</a>
						</td>
						<td>
							Fisteku
						</td>
						<td>
							2
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<div class="col-md-6">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">
					部门一
				</h3>

				<div class="panel-options">
					<a href="javascript:;"
						onclick="jQuery('#modal-1').modal('show', {backdrop: 'fade'});">
						<i class="linecons-cog"></i> </a>

					<a href="#" data-toggle="panel"> <span class="collapse-icon">–</span>
						<span class="expand-icon">+</span> </a>

					<a href="#" data-toggle="reload"> <i class="fa-rotate-right"></i>
					</a>

					<a href="#" data-toggle="remove"> × </a>
				</div>
			</div>

			<table class="table table-striped table-bordered table-hover">
				<thead>
					<tr>
						<th>
							#
						</th>
						<th>
							员工编号
						</th>
						<th>
							员工姓名
						</th>
						<th>
							基本工资
						</th>
						<th>
							采暖补贴
						</th>
					</tr>
				</thead>

				<tbody>
					<tr>
						<td>
							1
						</td>
						<td>
							1
						</td>
						<td>
							<a href="javascript:;"
								onclick="jQuery('#modal-2').modal('show', {backdrop: 'fade'});">Nushi</a>
						</td>
						<td>
							Nushi
						</td>
						<td>
							12
						</td>

					</tr>

					<tr>
						<td>
							2
						</td>
						<td>
							2
						</td>
						<td>
							<a href="javascript:;"
								onclick="jQuery('#modal-2').modal('show', {backdrop: 'fade'});">Art</a>
						</td>
						<td>
							Ramadani
						</td>
						<td>
							21
						</td>

					</tr>

					<tr>
						<td>
							3
						</td>
						<td>
							2
						</td>
						<td>
							<a href="javascript:;"
								onclick="jQuery('#modal-2').modal('show', {backdrop: 'fade'});">Filan</a>
						</td>
						<td>
							Fisteku
						</td>
						<td>
							2
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>
<%-- 内容结束 --%>
<div class="modal fade custom-width" id="modal-1" aria-hidden="true"
	style="display: none;">
	<div class="modal-dialog">
		<div class="modal-content">
			<jsp:include page="/salary/uphold/change.jsp"></jsp:include>
		</div>
	</div>
</div>
<div class="modal fade custom-width" id="modal-2" aria-hidden="true"
	style="display: none;">
	<div class="modal-dialog">
		<div class="modal-content">
			<jsp:include page="/salary/uphold/people.jsp"></jsp:include>
		</div>
	</div>
</div>
<jsp:include page="/frame/footer/footer.jsp"></jsp:include>